﻿<div id="dlg_SeleccionarCampania" title="Campañas">
    <div class="col-sm-12">
        <div class="col-sm-12 no-padding">
            <label>Seleccione:</label>

            <div class="space-4"></div>

            <div class="col-sm-12 no-padding">
                <div id="grd_SelCamp_CampaniasList" data-role="grid" style="width: auto" data-bind="source: campaniasDS"
                    data-column="true" data-navigatable="true" data-selectable="row" data-sortable="true"
                    data-columns='[        
                        { "field": "IdCampania",    "hidden": "true" },
                        { "field": "Codigo",        "title": "Código",  "width": "20%"  },
                        { "field": "Nombre",        "title": "Nombre",  "width": "80%"  }
                    ]'>
                </div>
            </div>
        </div>

        <div class="space-4"></div>

        <div class="col-sm-12 align-center">
            <div class="space-4"></div>
            <button id="btn_SelCamp_Seleccionar" class="btn btn-sm btn-primary">Seleccionar</button>
            <button id="btn_SelCamp_Cancelar" class="btn btn-sm btn-default">Cancelar</button>
        </div>
    </div>
</div>

<script>
    var SeleccionarCampaniaVM;

    $(document).ready(function () {
        $("#dlg_SeleccionarCampania").on("dialogopen", function (e, ui) {
            SeleccionarCampania_ViewModel()
            SetDefaultKeyDownAction('#dlg_SeleccionarCampania', 'SeleccionarCampania');
        });

        /*start: Modal Actions*/
        $('#btn_SelCamp_Seleccionar').click(function () {
            SeleccionarCampania();
        });

        $('#btn_SelCamp_Cancelar').click(function () {
            $('#dlg_SeleccionarCampania').dialog('close');
        });
        /*end: Modal Actions*/

        $('#grd_SelCamp_CampaniasList').on('dblclick', 'tr', function (e) {
            e.preventDefault();
            SeleccionarCampania()
        });
    });

    function SeleccionarCampania_ViewModel() {
        SeleccionarCampaniaVM = new kendo.observable({
            campaniasDS: AjaxParamsActionPost('@Url.Action("GetEntities", "Campania")', { 'rowStatus': true })
        });

        kendo.bind('#dlg_SeleccionarCampania', SeleccionarCampaniaVM);
    }

    function SeleccionarCampania() {
        var grid = $('#grd_SelCamp_CampaniasList').data("kendoGrid");
        var item = null;

        if (!($.isEmptyObject(grid.dataItem($(this))))) {
            item = grid.dataItem($(this));
        } else if (!($.isEmptyObject(grid.select()))) {
            item = grid.dataItem(grid.select());
        }

        if (item != null) {
            PromocionVM.Promocion.set('IdCampania', item.IdCampania);
            PromocionVM.Promocion.set('Campania.Codigo', item.Codigo);
            PromocionVM.Promocion.set('Campania.Nombre', item.Nombre);

            $('#dlg_SeleccionarCampania').dialog('close');
        } else {
            alert('Debe seleccionar un elemento de la lista');
        }
    }
</script>
